<template>
  <el-form label-width="100px" size="mini">
    <el-form-item label="中心点">
      <el-input v-model="attribute.centerPoint[0]" placeholder="格式：0.48,0.35"></el-input>
      <el-input v-model="attribute.centerPoint[1]" placeholder="格式：0.48,0.35"></el-input>
    </el-form-item>
    <!-- <el-form-item label="点图">
      <el-input v-model="attribute.pointsImg.url" placeholder="请输入完整url"></el-input>
    </el-form-item>
    <el-form-item label="中心点图">
      <el-input v-model="attribute.centerPointImg.url" placeholder="请输入完整url"></el-input>
    </el-form-item> -->
    <el-form-item label="k">
      <el-input v-model="attribute.k" placeholder="0.5"></el-input>
    </el-form-item>
    <el-form-item label="背景图片">
      <el-input v-model="attribute.bgImgUrl" placeholder="请输入完整url"></el-input>
    </el-form-item>
    <!-- <el-form-item label="点">
      <div>
        <div v-for="(item,index) in attribute.color" :key="index" class="colorBlock" :style="{backgroundColor:item}">
          <div class="delTag" @click="delColor(index)">
            <i class="el-icon-delete"></i>
          </div>
        </div>
        <el-input placeholder="格式：0.48,0.35"></el-input>
      </div>
    </el-form-item> -->
  </el-form>
</template>

<script>
export default {
  name: "cpt-dataV-flyline-chart-option",
  props: { attribute: Object },
  data(){
    return {
      tempColor:''
    }
  },
  methods:{
    addColor(){
      this.attribute.color.push(this.tempColor)
    },
    delColor(index){
      this.attribute.color.splice(index, 1);
    }
  }
}
</script>

<style scoped>

</style>
